<?php
/**
 * Description: 官网整体布局
 * User: Administrator
 * Date: 2017/9/4
 * Time: 15:45
 * Created by Created by Panxsoft.
 */
?>
<?php $product_categories = \App\Presenters\GlobalViewPresenter::productCategories(); ?>
<?php $about_us = \App\Presenters\GlobalViewPresenter::getAboutUs(); ?>
<?php $footer = \App\Presenters\GlobalViewPresenter::getFooterData(); ?>
{{--@json($product_categories)--}}
{{--  @json($footer)  --}}
<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
        <meta name="keywords" content="广州市拓声电子科技有限公司|专业音响系统|数字会议系统|广播系统|中控矩阵系统|教学录播系统|{{ $keywords or ''}}" />
        <meta name="description" content="{{ $description or '广州市拓声电子科技有限公司是一家集研发、生产和经营专业音响系统、数字会议系统、广播系统、中控矩阵系统、教学录播系统的高科技企业，是国内领先的专业音视频产品及解决方案提供商，秉承深厚的音频处理、厅堂扩声、智能控制、综合传输技术的专业能力，致力于为全球各行业客户提供先进可靠的会议类音视频产品与解决方案及优质服务。' }}" />
        <!-- <link rel="icon" href="http://benyamin.gz.bcebos.com/static/home/benyamin_logo.png" type="image/x-icon"/> -->

        <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->

        <!--<script src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script> -->
        <link rel="stylesheet" href="{{asset('css/normalize.css')}}">
        <link rel=stylesheet href="{{ asset('qqcustomer/css/common.css') }}">
        <link rel="stylesheet" href="{{ asset('css/common.css?v1') }}">
        <link rel="stylesheet" href="{{ asset('css/idangerous.swiper.css') }}">
        <script src="{{asset('js/html5media.js')}}" type="text/javascript"></script>
        <script src="{{asset('qqcustomer/js/jquery-3.3.1.min.js')}}" type="text/javascript"></script>
        {{--<link rel="stylesheet" href="{{ asset('version-2017/css/swiper.css') }}">--}}

        {{-- 插入样式 --}}
        @yield('style')

        {{-- 插入页面 title --}}
        @yield('title')

    </head>
    
    <body id="top">
    <!-- 公共头部 -->
    <header class="header" id="header">
        <div class="bym-wrapper clearfix">
            <div class="logo">
                <a href="{{route('home')}}">
                    <img src="http://toosound-website.gz.bcebos.com/static-assets/toosound_logo.png" alt="logo">
                </a>
            </div>
            <ul class="header-nav clearfix"  v-if="!show_btn">
                <li class="header-nav-item">
                    <!-- [ /^http:\/\/panxsoft.(me|com)\/?$/.test(currentUrl)? 'active': '' ] -->
                    <a :class="{active: isHome}"
                       href="{{route('home')}}">@lang("common.header.home")</a>
                </li>
                <li class="header-nav-item" @mouseenter="open" @mouseleave="close">
                    <a :class="[ /production/.test(currentUrl)? 'active': '' ]"
                       href="{{route('seo-production.index')}}">@lang("common.header.production")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /solution-case/.test(currentUrl)? 'active': '' ]"
                       href="{{route('seo-solution-case.index')}}">@lang("common.header.solution")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /project-case/.test(currentUrl)? 'active': '' ]"
                       href="{{route('seo-project-case.index')}}">@lang("common.header.case")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /video/.test(currentUrl)? 'active': '' ]"
                       href="{{route('video')}}">@lang("common.header.video")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /news/.test(currentUrl)? 'active': '' ]"
                       href="{{route('seo-news.index')}}">@lang("common.header.company")</a>
                </li>
                <li class="header-nav-item">
                    <a :class="[ /about/.test(currentUrl)? 'active': '' ]"
                       href="{{route('about')}}">@lang("common.header.about")</a>
                </li>
                <li class="header-nav-item">
                    <a href="" @click.prevent="searchAreaControl">@lang("common.header.search")</a>
                </li>
            </ul>
            <div class="search-box clearfix" v-else ref="search_box">
                <input type="text" v-model="keyword" ref="search_input" @keyup.enter="confirmSearch" placeholder="请输入产品标题或型号">
                <a href="" @click.prevent="confirmSearch">确定</a>
                <a href="" @click.prevent="searchAreaControl">取消</a>
            </div>
        </div>
        <!-- 产品类别的下拉 -->
        <div @mouseenter="open" @mouseleave="close" class="header-plane clearfix" :class="{active : dropDown}" >
            {{-- 这里是 blade 绑定的产品分类 --}}
            @foreach($product_categories as $idx => $category)
                <dl class="bym-not-list header-plane-list">
                    <dt class="header-plane-list-title">{{ $category->name }}</dt>
                    @foreach($category->sub_categories as $sub_category)
                        <dd class="header-plane-list-item"><a href="{{ route('production')."?pid={$sub_category->id}" }}">{{ $sub_category->name }}</a></dd>
                    @endforeach()
                    @if($category->is_more === true)
                        <dd class="had_more"><a href="{{ route('production') }}">更多...</a></dd>
                    @endif
                </dl>
            @endforeach()
        </div>
        <!-- 下拉 END -->

    </header>


    {{--  页面插入位置 --}}

    @section('content');
    @show

    {{--  页面插入位置 end --}}

    <!--  页脚  -->
    <footer class="footer">
        <div class="bym-wrapper">
            <div class="footer-header clearfix">
                <h3 class="footer-header-slogan">
                    {{--广告语--}}
                    @lang("common.footer.slogan")
                </h3>

                <div class="footer-header-qrcode">
                    <div class="footer-header-qrcode-item">
                        <img src="https://gz.bcebos.com/v1/toosound-website/static-assets/qr_code/wb.jpg" alt="">
                        <p class="item-desc">@lang("common.footer.qrcode.contents.0")</p>
                    </div>
                    <div class="footer-header-qrcode-item">
                        <img src="https://gz.bcebos.com/v1/toosound-website/static-assets/qr_code/wx.jpg" alt="">
                        <p class="item-desc">@lang("common.footer.qrcode.contents.1")</p>
                    </div>
                </div>
            </div>

            <div class="footer-content clearfix">
                
                @foreach($footer as $index => $item)
                <dl class="footer-content-item bym-not-list">
                    <dt>{{$index}}</dt>

                    @foreach($item as $key => $value)
                    <dd>
                        @if($index === '产品中心')
                            <a href="{{route('seo-production.index')."?pid={$value->id}"}}">{{$value->name}}</a>
                        @elseif($index === '解决方案')
                            <a href="{{route('seo-solution-case.index')."?article_type_id={$key}"}}">{{$value}}</a>
                        @elseif($index === '工程案例')
                            <a href="{{route('seo-project-case.index')."?cid={$key}"}}">{{$value}}</a>
                        @elseif($index === '视频专区')
                            <a href="{{route('video')."?tid={$key}"}}">{{$value}}</a>
                        @elseif($index === '企业动态')
                            <a href="{{route('seo-news.index')."?article_type_id={$key}"}}">{{$value}}</a>
                        @endif
                    </dd>
                    @endforeach
                </dl>
                @endforeach

                <dl class="footer-content-item bym-not-list">
                    <dt>客服QQ</dt>
                    <dd>
                        <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={{ $about_us->qq }}&site=qq&menu=yes">{{ $about_us->qq }}</a>
                    </dd>
                </dl>

            </div>

            <div class="footer-copyright">
                <a href="http://www.beian.miit.gov.cn">@lang("common.footer.copyright.content")</a>
                <span class="footer-copyright-number"><a href="http://www.beian.miit.gov.cn">@lang("common.footer.copyright.regist")</a></span>
            </div>
        </div>
    </footer>
    <!--  页脚 END  -->

    <!--  回到顶部  -->
    <aside class="aside-box" id="aside_box">
        <div v-show="isShow" class="aside-box-item back-top">
            <a href="#top">
                <img src="http://gz.bcebos.com/panx-website/images/common/top_siderbar_btn_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item qq">
            <a class="aside-box-item-slide" target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin={{ $about_us->qq }}&site=qq&menu=yes">
                <img src="http://gz.bcebos.com/panx-website/images/common/qq_sidebar_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item tel">
            <a class="aside-box-item-slide">
                <img src="http://gz.bcebos.com/panx-website/images/common/phone_sidebar_img.png" alt="">
            </a>
        </div>
        <div class="aside-box-item wechat">
            <a href="javascript:;"></a>
            <div class="item-rqcode">
                <img src="http://gz.bcebos.com/panx-website/images/common/code_siderbar_tips_img.png" alt="">
            </div>
        </div>
        <div class="aside-box-item video">
            <a href="{{route('video')}}"></a>
        </div>
    </aside>
    <!--  回到顶部 END -->
    
    {{--  qq咨询插件  --}}
    <div id="floatTools" class="float0831">
    <div class="floatL">
        <a id="aFloatTools_Show" class="btnOpen" title="查看在线客服" onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.istudy.com.cn'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);">展开</a>
        <a style="DISPLAY: none" id="aFloatTools_Hide" class="btnCtn" title="关闭在线客服" onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.istudy.com.cn'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);">收缩</a>
    </div>
    <div id="divFloatToolsView" class="floatR">
        <div class="tp"></div>
        <div class="cn">
        <ul>
            <li class="top" style="background:#FFF;">
            <h3 class="titZx">QQ咨询</h3>
            </li>
            <!--<li><span class="icoZx" style="line-height:38px;">在线咨询</span> </li>-->
            <li style="height:6px; border:none;"></li>
            {{--  <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667162&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq1.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--华南地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href=" http://wpa.qq.com/msgrd?v=3&uin=2355667160&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq2.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--华中地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667161&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq3.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--东北地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667168&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq4.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--西南地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667163&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq5.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--华东地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667169&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq6.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--华北地区-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667166&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq7.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--西北地区-->  --}}
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667167&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq8.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--技术支持-->
            <li class="bot" style="height:auto;">
            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2355667164&site=qq&menu=yes"><img border="0" src="{{asset('qqcustomer/images/qq9.png')}}" alt="点击这里给我发消息" title="点击这里给我发消息"/></a></li><!--售后服务-->
        </ul>
        <ul>
            <li>
            <h3 class="titDh">电话咨询</h3>
            </li>
            <li style="border:none;"><span class="icoTl">{{ $about_us->telephone }}</span> </li>
            <!---->
        </ul>
        </div>
    </div>

</body>

    {{-- 公共脚本文件 --}}
    <script src="{{asset('js/Underscore1.8.3.js')}}" type="text/javascript"></script>
    {{--<script src="{{asset('version-2017/js/swiper.min.js')}}" type="text/javascript"></script>--}}
    <script src="{{asset('js/idangerous.swiper.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/Vue.js v2.3.3.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/vue-resource v1.3.3.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/common.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/layout.js')}}" type="text/javascript"></script>
    <script src="{{asset('js/qs.min.js')}}" type="text/javascript"></script>
    <script src="{{asset('qqcustomer/js/kefu.js')}}" type="text/javascript"></script>
    @include('utils.google-analytic')
    @include('utils.baidu-analytic')

    {{--  页面脚本 --}}
    @section('script')
    @show

</html>
